<%@ page contentType="text/html;charset=UTF-8" %>
<%@include file="../../common/sessionValidate.jsp" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML>
<html lang="UTF-8">
<head>
    <title>T_user信息维护</title>
    <%@ include file="../../common/meta.jsp" %>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="X-UA-Compatible" content="IE=9">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <link rel="stylesheet" href="<%=basePath%>css/my-bootstrap.css" media="screen" id="tuserskin">
    <!-- <link rel="stylesheet" href="<%=basePath%>css/bootstrap.min.css" media="screen">-->
    <link rel="stylesheet" href="<%=basePath%>js/toastr/toastr.css">
    <link rel="stylesheet" href="<%=basePath%>css/bootstrapValidator.min.css">
    <link rel="stylesheet" href="<%=basePath%>css/font-awesome.min.css">
    <script type="text/javascript" src="<%= basePath %>js/jquery.cookie.js"></script>
</head>
<style>
    hr {
        margin-top: 1px;
        border-bottom: 1px solid #1BBC9B;
    }
</style>
<body>
<div class="" style="margin-right:2px;padding-right:1px;">

    <!--------------------------查询条件表格  start------------------------------->
    <form class="form-horizontal" name="form1" id="form1">
        <!-- 查询面板 -->
        <div class="panel panel-primary" id="cxDiv">
            <!-- Default panel contents -->
            <div class="panel-heading  ">
                <i class='icon-filter'></i>&nbsp;绩效管理
                <span class="text-right pull-right">
        	<button type="button" class=" btn btn-success btn-xs img-rounded" onclick="Search(0)"><i
                    class="icon-search"></i>&nbsp;查询</button>&nbsp;&nbsp;
            <button type="reset" class=" btn btn-success btn-xs img-rounded"><span class="icon-retweet "></span>&nbsp;重置</button>&nbsp;&nbsp;
            <button type="button" class=" btn btn-success btn-xs img-rounded" id="shButton"> &nbsp;<span id="qhDiv"
                                                                                                         class=" icon-chevron-up"></span>&nbsp;</button>
            <input type="hidden" name="process_code" id="process_code" value="SixProcess">
        </span>
            </div>
            <div class="panel-body" id="shDiv" class="panel-collapse collapse in">
                <div class="col-xs-3 col-sm-3  col-md-3 col-lg-3">
                    <div class="form-group">
                        <label class="control-label col-md-6"></span>登录账号</label>
                        <div class="col-md-6">
                            <input name="userid" type="text" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="col-xs-3 col-sm-3  col-md-3 col-lg-3">
                    <div class="form-group">
                        <label class="control-label col-md-6">姓名</label>
                        <div class="col-md-6">
                            <input name="username" type="text" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-6  col-md-6 col-lg-6">
                    <div class="form-group">
                        <label class="control-label col-md-3">部门</label>
                        <div class="col-md-9">
                            <select class="form-control" id="branchid" name="branchid">
                                <option value="">全部</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <!--------------------------查询条件表格end------------------------------------->

    <!--------------------------信息列表：带表格面板  start--------------------------------->
    <div class="panel panel-primary">
        <div class="panel-heading clearfix">
            <i class='icon-reorder'></i>&nbsp; 绩效数据列表
            <span class="text-right pull-right ">
            <!--<a href="<%=basePath%>t_user/toT_userCurdJixiao?oplx=add" class="text-danger"> <i class='icon-plus'></i>&nbsp;新增</a>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="#" onclick="toEdits()" class="text-danger"><i class='icon-pencil'>&nbsp;修改</i></a>&nbsp;&nbsp;&nbsp;&nbsp;
            -->
                       <a href="#" onclick="doExport()"  class="text-danger btn-sm" ><i class='icon-download'></i>导出</a>
                <a href="#" onclick="toViews()" class="text-danger"><i class='icon-table'></i>&nbsp;查看</a>&nbsp;&nbsp;&nbsp;&nbsp;
                <!--<a href="#" onclick="getDel()" class="text-danger"><i class='icon-minus'></i>&nbsp;删除</a>&nbsp;&nbsp;&nbsp;&nbsp; -->
            <a href="#" onclick="Search(0)" class="text-danger btn-sm"><i class='icon-refresh'></i>&nbsp;刷新</a>&nbsp;&nbsp;
            <a href="#" onclick="showOrHidden()" class="text-danger btn-sm"><span id="fsDiv"
                                                                                  class='glyphicon glyphicon-resize-full'></span></a>
	     </span>
        </div>
        <div class="panel-body">
            <p>每页显示<select id="pageSize" class=" label-primary" onchange="Search(0)">
                <option value="100" >100</option>
                <option value="10">10</option>
                <option value="20">20</option>
                <option value="50">50</option>
                <option value="500">500</option>
            </select>条记录，&nbsp;&nbsp;&nbsp;&nbsp;共有记录：<span id="totalCount" class="label label-primary">0</span>
                条，总页数：<span id="totalPageNo" class="label label-primary">0</span>页。
            </p>
            <table id="grid" class="table table-condensed table-striped table-bordered table-hover" class="sortable"
                   cellpadding="0" cellspacing="0" border="0" class="display" width="100%">
                <thead id="grid_head">
                <tr>
                    <th onclick="" class="table-checkbox"><input class="group-checkable" name="batchSelectedAll"
                                                                 id="batchSelectedAll" type="checkbox"
                                                                 onclick="selectAll()"></th>
                    <th onclick="sortTableT.sort('grid',0,'String')">姓名</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">职位</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">部门</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">手机</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">分机</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">1月绩效</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">2月绩效</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">3月绩效</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">4月绩效</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">5月绩效</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">6月绩效</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">7月绩效</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">8月绩效</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">9月绩效</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">10月绩效</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">11月绩效</th>
                    <th onclick="sortTableT.sort('grid',0,'String')">12月绩效</th>
                    <th style="width:150px">操作</th>
                </tr>
                </thead>
                <tbody id="grid_body"></tbody>
            </table>
            <div class="paging-toolbar">
                <ul class="pager" style='margin-bottom:5px;' id='grid_paging'></ul>
            </div>
        </div>
    </div>
    <!--------------------------信息列表：带表格面板 end------------------------------------>
</div>
</body>
</html>

<script src="<%=basePath%>js/bootstrap.min.js"></script>
<!--<script type="text/javascript" src="js/bootstrapValidator.js"></script>-->
<script src="<%=basePath%>js/bootstrap-paginator.min.js"></script>
<script src="<%=basePath%>/js/respond.js"></script>
<script src="<%=basePath%>/js/html5.js"></script>
<script src="<%=basePath%>js/toastr/toastr.js"></script>
<script src="<%=basePath%>js/bootbox.js"></script>
<script src="<%=basePath%>js/jquery.validate.js"></script>
<!-- <script src="<%=basePath%>js/additional-methods.min.js"></script> -->
<script src="<%=basePath%>js/my-jquery-curd.js"></script>
<script src="<%= basePath %>js/tableSortTool.js"></script>
<script src="<%= basePath %>js/calendar.js"></script>

<!-- 导出excel-->
<script src="<%= basePath %>js/export/libs/FileSaver/FileSaver.min.js"></script>
<script src="<%= basePath %>js/export/tableExport.js"></script>

<script type="text/javascript">

    function doExport() {
        $('#grid').tableExport({
                fileName: '绩效数据',
                type:'excel',
                ignoreColumn: [0,18],
                mso: {  worksheetName: '绩效数据' }
            }
        );
    }

    $().ready(function () {
        //1、初始化数据显示
        Search(0);

        //2、初始化 上级菜单及id的select options；
        var purl = "<%=basePath%>t_branch/getAllT_branch?id=0&startIndex=0&pageSize=1000&time=" + Math.random();
        $.getJSON(purl, function (data) {
            $.each(data.items, function (i, item) {
                if (item.branchlevel == '0') {
                    //$("#branchid").append("<option value='"+item.branchid+"'>"+item.name+"</option>");
                } else if (item.branchlevel == '1') {
                    $("#branchid").append("<option value='" + item.branchid + "'>&nbsp;&nbsp;&nbsp;&nbsp;" + item.name + "</option>");
                } else if (item.branchlevel == '2') {
                    $("#branchid").append("<option value='" + item.branchid + "'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + item.name + "</option>");
                } else {
                    $("#branchid").append("<option value='" + item.branchid + "'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + item.name + "</option>");
                }
            });//end each
        });

        //3、隐藏或者显示
        $("#shButton").click(function () {
            $("#shDiv").toggle();
            $("#qhDiv").toggleClass("icon-chevron-up icon-chevron-down");
        });

    }) //end funciton read;

    //根据查询条件，查询列表数据并显示
    function Search(startIndex) {
        var pageSize = document.getElementById("pageSize").value;
        var condition = $("#form1").serialize();
        var url = "<%=basePath%>t_user/getAllT_user?startIndex=" + startIndex + "&pageSize=" + pageSize + "&" + condition + "&time=" + Math.random();
        //alert(url);
        $.getJSON(url, function (data) {
            //$("#pageSize").html(data.pageSize);
            $("#totalCount").html(data.totalCount);
            $("#totalPageNo").html(data.totalPageNo);
            $("#grid_body").html("");

            //1、表格行内容输出
            $.each(data.items, function (i, item) {
                var str = "";
                if (item.id != 0) {
                    str += "<tr>";
                    str += "<td><input class='checkboxes' name='batchSelected' id='batchSelected' type='checkbox' value='" + item.id + "'></td>";
                    str += "<td>" + doNull(item.username) + "</td>";
                    str += "<td>" + doNull(item.ext2) + "</td>";
                    str += "<td>" + doNull(item.branchid) + "</td>";
                    str += "<td>" + doNull(item.phone) + "</td>";
                    str += "<td>" + doNull(item.tel) + "</td>";
                    str += "<td>" + doNull(item.month1) + "</td>";
                    str += "<td>" + doNull(item.month2) + "</td>";
                    str += "<td>" + doNull(item.month3) + "</td>";
                    str += "<td>" + doNull(item.month4) + "</td>";
                    str += "<td>" + doNull(item.month5) + "</td>";
                    str += "<td>" + doNull(item.month6) + "</td>";
                    str += "<td>" + doNull(item.month7) + "</td>";
                    str += "<td>" + doNull(item.month8) + "</td>";
                    str += "<td>" + doNull(item.month9) + "</td>";
                    str += "<td>" + doNull(item.month10) + "</td>";
                    str += "<td>" + doNull(item.month11) + "</td>";
                    str += "<td>" + doNull(item.month12) + "</td>";
                    str += "<td>&nbsp;&nbsp;";
                    //str+="<a href='<%=basePath%>t_user_function/toT_userFunction?oplx=setf&id="+item.id+"&time="+Math.random()+"' class='text-danger'><i class='icon-cogs' style='color:rgb(0, 128, 255)'>&nbsp;分配功能</i></a>&nbsp;&nbsp;";
                    //str+="<a href='<%=basePath%>t_user_role/toT_userRole?oplx=setr&id="+item.id+"&time="+Math.random()+"' class='text-danger'>&nbsp;&nbsp;<span class='icon-cog' style='color:rgb(0, 128, 255)'>&nbsp;分配角色</span></a>&nbsp;&nbsp;";

                    //str += "<a href='<%=basePath%>t_user/toT_userCurdJixiao?oplx=view&id=" + item.id + "&time=" + Math.random() + "' class='text-danger'>&nbsp;&nbsp;<span class='glyphicon glyphicon-search' style='color:rgb(0, 128, 255)'></span>&nbsp;&nbsp;</a>";
                    str += "<a href='<%=basePath%>t_user/toT_userCurdJixiao?oplx=edit&id=" + item.id + "&time=" + Math.random() + "' class='text-danger'>&nbsp;&nbsp;<span class='icon-pencil'  style='color:rgb(0, 128, 255)'>绩效维护</span>&nbsp;&nbsp;</a>";
                    //str+="<a href='javascript:del("+item.id+")' class='text-danger'>&nbsp;&nbsp;<span class='icon-remove'  style='color:rgb(0, 128, 255)'></span></a>&nbsp;&nbsp;";

                    str += "</td>";
                    str += "</tr>";
                    $("#grid_body").append(str);
                }
            });//end each data;

            //2、分业处理
            var element = $("#grid_paging");
            if (data.totalCount > 0) {
                //第二种处理分页方案，直接生成分页html内容，然后.html()到目标对象；
                var pageHtml = "";
                pageHtml += '<li><button type="button" class=" btn btn-primary btn-sm " onclick="Search(' + data.firstIndex + ')">首页</button></li>';
                pageHtml += '<li><button type="button" class=" btn btn-primary btn-sm " onclick="Search(' + data.previousIndex + ')">上一页</button></li>';
                pageHtml += '<li><button type="button" class=" btn btn-primary btn-sm " >当前第  ' + data.currentPageNo + ' 页</button></li>';
                pageHtml += '<li><button type="button" class=" btn btn-primary btn-sm " onclick="Search(' + data.nextIndex + ')">下一页</button></li>';
                pageHtml += '<li><button type="button" class=" btn btn-primary btn-sm " onclick="Search(' + data.lastIndex + ')">尾页</button></li>';
                element.html(pageHtml);
            } else {
                element.html("");
            }
        })//end getJSON;
    }

    //通过选择单条记录，点击‘修改‘按钮进行查看
    function toEdits() {
        var id = checkfunctionIDS(); //如果选择多条记录，则提示请选择一条记录。
        if (id != false) {
            self.location = "<%=basePath%>t_user/toT_userCurdJixiao?oplx=edit&id=" + id + "&time=" + Math.random();
        }
    }

    //通过选择单条记录，点击‘查看‘按钮进行查看
    function toViews() {
        var id = checkfunctionIDS(); //如果选择多条记录，则提示请选择一条记录。
        if (id != false) {
            self.location = "<%=basePath%>t_user/toT_userCurdJixiao?oplx=view&id=" + id + "&time=" + Math.random();
        }
    }

</script>
